<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- The HTML 4.01 Transitional DOCTYPE declaration-->
<!-- above set at the top of the file will set     -->
<!-- the browser's rendering engine into           -->
<!-- "Quirks Mode". Replacing this declaration     -->
<!-- with a "Standards Mode" doctype is supported, -->
<!-- but may lead to some differences in layout.   -->

<html>
  <head>
  
  
  <script type="text/javascript" 
src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
  
  

  
 <script type="text/javascript">
  $(document).ready(function(){ // Script del Navegador
    $("ul.subnavegador").hide();
    $("a.desplegable").toggle(
      function() {
        $(this).parent().find("ul.subnavegador").slideDown('slow');
      },
      function() {
        $(this).parent().find("ul.subnavegador").slideUp('slow');
      }
    );
});
</script>
  
  
  
  
  
  
  
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Bibliotecae</title>
  </head>

  <body background="/stylesheets/biblio.png">
  <table border='1' cellpadding='5' align="center" cellspacing='0' width='400'>
  	<tr bgcolor='#CCCCFF' align='center' align='center' height="20">
  		<td><h3>Bienvenido a la Biblioteca de 2º DAI</h3><td>
  </table>
    
	
	<ul>
		<li> <a href="#" class="desplegable" title="Fuciones con los libros">Fuciones con los libros </a>
			<ul class="subnavegador">
			<li><a href="altaLibros.jsp?accion=alta" title="Dar de Alta un Libro" >Dar de Alta un Libro</a></li>
			<li><a href="index.html" title="Modificar un libro">Modificar un libro</a></li>
			<li><a href="index.html" title="Dar de Baja un Libro">Dar de Baja un Libro</a></li>
			</ul>
			
			
			<li> <a href="#" class="desplegable" title="Funciones con los socios">Funciones con los socios </a>
			<ul class="subnavegador">
			<li><a href="altaSocio.jsp" title="Agregar Socio">Agregar Socio</a></li>
			<li><a href="index.html" title="Modificar Socio">Modificar Socio</a></li>
			<li><a href="index.html" title="Eliminar Socio">Eliminar Socio</a></li>
			</ul>
			</li>
			
			
		<li> <a href="#" class="desplegable" title="Prestamo">Prestamo</a> 
		<li>Devolucion</li> 
		
		
		<li> <a href="#" class="desplegable" title="Listar">Listar </a>	
			<ul class="subnavegador">		
			<li><a href="listado.jsp?listar=books" title="Listar Libros">Listar Libros</a></li>
			<li><a href="listadoSocios.jsp" title="Listar Socios">Listar Socios</a></li>
			</ul>
		
	</ul>
	
   
  </body>
</html>
